<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/test.css">

</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<div class="container">
    <button class="bun">Yes!</button>
    <button class="ok">ok</button>
    <button class="cancel">cancel</button>
    <div class="mag">
    </div>
</div>

<div class="box">
</div>
<div class="sheet">

</div>
<div class="meaning">
    <div>
        i have a nice subtle inner rounding, don't i look pretty?
    </div>
</div>
<div class="bot">

</div>
<div class="qipan">

</div>
<div class="demo">
</div>
<div class="back">
<div>
    I have a nice  stone art border, don't I look pretty?
</div>
</div>
<div class="noe">

</div>
<div class="one">
</div>
<div class="nov">
    <h3>This is a footnote</h3>
    <h3>hello word</h3>
</div>
<div>
    <p>

    </p>
</div>
<p>
    您好
</p>
<div>

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">...</div>
        <div role="tabpanel" class="tab-pane" id="profile">...</div>
        <div role="tabpanel" class="tab-pane" id="messages">...</div>
        <div role="tabpanel" class="tab-pane" id="settings">...</div>
    </div>




    <div class="container-full padding-top-40">
        <div class="container">
            <!--左侧列表导航-->
            <div class="col-xs-2 list" style="height: 1396px;">
                <ul class="nav nav-pills nav-stacked">
                    <span class="list-title"><i class="list-icon kuang top"></i>域名矿场</span>
                    <li class="active"><a href="#">矿池动态</a></li>
                    <li><a href="machineMine.html">我的矿机</a></li>
                    <li><a href="myProfile.html">我的收益</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>充值活动</span>
                    <li><a href="rechargeWin.html">充值赢奖品</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>热门活动</span>
                    <li><a href="wangzhe.html">王者争霸</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>抽奖活动</span>
                    <li><a href="zhuanpan.html">转盘抽奖</a></li>
                </ul>
            </div>
            <!--右侧内容-->
            <div class="col-xs-10 padding-right-clear right-height">
                <div class="col-xs-12 padding-right-clear padding-left-clear right-area activity" style="height: 1396px;">
                    <div class="col-xs-12 rightarea-con">
                        <div class="YMKC_box2">
                            <div class="YMKC_box2_l YMKC_box2_left">
                                <button>
                                    <icon></icon>
                                    <span>点击开机</span>
                                </button>
                            </div>
                            <div class="YMKC_box2_r YMKC_box2_right">
                                <div class="box_r1">
                                    <div class="box_r1_01 YMKC_box2_left">
                                        <div class="box_r1_01_a">
                                            <div class="box_r1_01_aicon1 YMKC_box2_left"></div>
                                            <div class="box_r1_01_adian1 YMKC_box2_right">0</div>
                                        </div>
                                        <div class="YMKC_box2_both"></div>
                                        <div class="box_r1_01_b">和谐号I型算力500B/s</div>
                                    </div>
                                    <div class="box_r1_02 YMKC_box2_left"></div>
                                    <div class="box_r1_01 YMKC_box2_left">
                                        <div class="box_r1_01_a">
                                            <div class="box_r1_01_aicon2 YMKC_box2_left"></div>
                                            <div class="box_r1_01_adian2 YMKC_box2_right">0</div>
                                        </div>
                                        <div class="YMKC_box2_both"></div>
                                        <div class="box_r1_01_b">幸福号II型算力1KB/s</div>
                                    </div>
                                    <div class="box_r1_02 YMKC_box2_left"></div>
                                    <div class="box_r1_01 YMKC_box2_left">
                                        <div class="box_r1_01_a">
                                            <div class="box_r1_01_aicon3 YMKC_box2_left"></div>
                                            <div class="box_r1_01_adian3 YMKC_box2_right">0</div>
                                        </div>
                                        <div class="YMKC_box2_both"></div>
                                        <div class="box_r1_01_b">命运号III型算力2KB/s</div>
                                    </div>
                                    <div class="box_r1_02 YMKC_box2_left"></div>
                                </div>
                                <div class="box_r2">
                                    <span><b>总算力：</b>0B/s</span>
                                    <span><b>开机算力：</b>0B/s</span>
                                    <span><b>算力占比：</b>0.0%</span>
                                </div>
                            </div>
                            <div class="YMKC_box2_both"></div>
                        </div>
                        <div class="YMKC_box3">
                            <div class="boxin1">
                                <ul>
                                    <li class="p262">
                                        <a href="">转盘抽奖</a>
                                        <div style="display: none;top: -280px;">参加转盘抽奖活动获取兑换次数，抽中可领取一次兑换机会</div>
                                    </li>
                                    <li class="p262">
                                        <a href="#">新充值用户：充值人民币单笔大于5000元</a>
                                        <div style="display: none;top: -280px;">
                                            最低单笔充值金额5000元，每笔可获取1台矿机，每日可领取5台。可累计数量，当日未领取，次日可继续领取。
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="boxin2">
                                <ul>
                                    <li>
                                        <img src="../image/comm/kc_03.jpg" alt="" width="236" height="170">
                                        <h1>幸福号II型</h1>
                                        <p>算力1000B/s
                                            <i>可挖矿108h</i>
                                        </p>
                                        <p class="btnw"><a>立即兑换 (0)</a></p>
                                        <p style="text-align: center;">今日剩余:0次</p>
                                    </li>
                                    <li>
                                        <img src="../image/comm/kc_04.jpg" alt="" width="236" height="170">
                                        <h1>命运号III型</h1>
                                        <p>算力2000B/s
                                            <i>可挖矿144h</i>
                                        </p>
                                        <p class="btnw"><a>立即兑换 (0)</a></p>
                                        <p style="text-align: center;">今日剩余:0次</p>
                                    </li>
                                </ul>
                                <div class="YMKC_box2_both"></div>
                            </div>
                        </div>
                        <div class="col-xs-12 padding-clear padding-top-30">
                            <table class="table table-striped text-center">
                                <tbody>
                                <tr class="bg-gary">
                                    <td class="col-xs-2 border-top-clear">日期</td>
                                    <td class="col-xs-2 border-top-clear">型号</td>
                                    <td class="col-xs-2 border-top-clear">获取路径</td>
                                    <td class="col-xs-2 border-top-clear">状态</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-full padding-top-40">
        <div class="container">
            <!--左侧列表导航-->
            <div class="col-xs-2 list" style="height: 1396px;">
                <ul class="nav nav-pills nav-stacked">
                    <span class="list-title"><i class="list-icon kuang top"></i>域名矿场</span>
                    <li class="active"><a href="#">矿池动态</a></li>
                    <li><a href="machineMine.html">我的矿机</a></li>
                    <li><a href="myProfile.html">我的收益</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>充值活动</span>
                    <li><a href="rechargeWin.html">充值赢奖品</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>热门活动</span>
                    <li><a href="wangzhe.html">王者争霸</a></li>
                    <span class="list-title"><i class="list-icon huodong"></i>抽奖活动</span>
                    <li><a href="zhuanpan.html">转盘抽奖</a></li>
                </ul>
            </div>
            <!--右侧内容-->
            <div class="col-xs-10 padding-right-clear right-height">
                <div class="col-xs-12 padding-right-clear padding-left-clear right-area activity" style="height: 1396px;">
                    <div class="col-xs-12 rightarea-con">
                        <div class="YMKC_box4">
                            <h1>矿场资产</h1>
                            <div class="boxlist">
                                <div class="boxlist_icon">
                                    <icon class="icon11"></icon>
                                    <span>今日收益</span>
                                </div>
                                <div class="boxlist_st">0.0000000000</div>
                                <div class="YMKC_box2_both"></div>
                            </div>
                            <div class="boxlist">
                                <div class="boxlist_icon">
                                    <icon class="icon22"></icon>
                                    <span>累计收益</span>
                                </div>
                                <div class="boxlist_st">0.0000000000</div>
                                <div class="YMKC_box2_both"></div>
                            </div>
                            <div class="boxlist">
                                <div class="boxlist_icon">
                                    <icon class="icon33"></icon>
                                    <span>可提收益</span>
                                </div>
                                <div class="boxlist_st">0.0000000000</div>
                                <div class="YMKC_box2_both"></div>
                            </div>
                            <div class="boxbtn">
                                <span>0.01个四声母COM可转</span>
                                <a id="withdraw" class="btn btn-re">转至资产账户</a>
                            </div>
                        </div>
                        <div class="col-xs-12 padding-clear padding-top-30">
                            <div class="panel border">
                                <div class="panel-heading">
                                    <span class="text-danger">挖矿记录</span>
                                    <span class="pull-right recordtitle" data-type="0" data-value="0"></span>
                                </div>
                                <div class="panel-body" id="recordbody0">
                                    <table class="table">
                                        <tbody>
                                        <tr>
                                            <td class="col-xs-2 boeder-top-clear">时间</td>
                                            <td class="col-xs-2 boeder-top-clear">参与算力</td>
                                            <td class="col-xs-2 boeder-top-clear">获得矿产</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
</body>
</html>